:root {
  --jumbotron-padding-y: 3rem;
  --tibprimary:rgb(24,55,111);
  --tibgray:rgb(221,221,221);
  --hksecondry:rgb(70,188,188);
  --blue: #2c7be5;
  --blue-dark: #007bff;
  --indigo: #727cf5;
  --purple: #6b5eae;
  --pink: #ff679b;
  --red: rgb(238,79,62);
  --orange: #fd7e14;
  --yellow: #f6c343;
  --green-light: #00d97e;
  --green: rgb(5,208,15);
  --teal: #02a8b5;
  --cyan: #39afd1;
  --gray: #95aac9;
  --gray-light: #d1ddf0;
  --gray-dark: #3b506c;
  --primary: #2c7be5;
  --secondary: #6e84a3;
  --success: #00d97e;
  --info: #39afd1;
  --warning: #f6c343;
  --danger: #e63757;
  --light: #edf2f9;
  --dark: #12263f;
  --white: #fff;
  --darkgreen:#04a864;
  --body: #f9fbfd;
  --light-secondary:#edf2f9;
  --chart-color:#2c7be5;
  --menu-color:#3b506c;
  --menu-dark:#3b506c;
  --chart-tooltip:#f8f9fa;
  --chart-tooltip-text:#1a1c22;
  --chart-label:#c6cbd1;
  --chart-dark:#8e9daf;
  --hkgray:#bbb;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1281px;
  --font-family-sans-serif: -apple-system, Helvetica Neue,\5FAE\8F6F\96C5\9ED1, sans-serif,Tohoma;  
}
div{
	border-radius: 0;
	}
p{
  font-family: Microsoft Yahei;
  font-size: 16px;
}
a{
  /* font-family: Microsoft Yahei;
  font-size: 16px; */
	color: inherit;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
h5{
  font-family: Microsoft Yahei;
  font-size: 19px;
  font-weight: bold;
}
h1{
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
  width: auto;
  padding-bottom:5px;
  border-bottom: 3px solid rgb(24,55,111);
  color: rgb(24,55,111);
}
h2{
  color:#d1ddf0;
  font-size: 40px;
}
h4{
  font-size: 19px;
  font-weight: bold;
  color:rgb(24,55,111)
}
.card{
	border-radius: 0;
}
.card-img-top{
	border-radius: 0;
}
.news{
  position: relative;
	background: rgb(24,55,111);
}

.news:hover{
  cursor: pointer;
  background: #12263f;
  color:#d1ddf0;
}
.navbar{
	padding:1rem 1rem;
}
.navbar-toggler-icon{
  color:#555;
}
.jumbotron{
  border-radius: 0;
  margin: 0;
}
footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}
.btn-outline-primary{
  border: 2px solid rgb(24,55,111);
  color:rgb(24,55,111)
}
.btn-outline-primary:hover{
  background: rgb(24,55,111);
  border: 2px solid rgb(24,55,111);
}
.box-shadow { 
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); 
}
.badge-primary{
	background: rgb(24,55,111);
	border-radius: 0;
}
.badge-pill{
	
}
.badge-outline-primary{
	border: 1px solid rgb(24,55,111);
	color: rgb(24,55,111);
	background: var(--white);
}
.song{
	font-family: Microsoft Yahei;
	font-size: 16px;
}
.trending-up{
	color: var(--red);
}
.trending-down{
	color:var(--green);
}
.btn-primary{
	background: rgb(24,55,111);
	border-radius: 0;
	border-left: 1px solid rgb(24,55,111);
	border-top: 1px solid rgb(24,55,111);
}
.list-group-item{
	font-size: 16px;
}